<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>评价</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../fonts/iconfont/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../css/global.css"/>
    <style type="text/css">
    	.padding-r5px{padding-right: 5px;}
    	.circle_pic{width: 50px;height: 50px;border-radius:50%;overflow: hidden;}
    	.pic{max-height: 80px;width: calc(96%/4);margin-right: calc(4%/3);}
    	.pic:nth-child(4n){margin-right: 0;}
    	.mui-table-view:after{height: 0;}
    </style>
</head>
<body ng-app="app" ng-controller="my_controller">
	<header class="mui-bar mui-bar-nav bg_white">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left colorP"></a>
	    <h1 class="mui-title colorP">评价</h1>	    
	</header>
	<div class="mui-content">
		<div></div>	
		<ul class="mui-table-view">
	        <li class="paddingl_r_15px_tb11px bg_white margin-bottom5px" ng-repeat="(index,vo) in res">
                <div class=" mui-clearfix">
                	<img ng-src="{{vo.icon}}" class="circle_pic mui-pull-left"/>
	                <div class="mui-pull-left padding_tb_8px">
	                	<span class="padding_lr_10px margin-bottom10px">{{vo.nick}}</span>
						<p class="padding_lr_10px">{{vo.time}}</p>
	                </div>
					<div class="mui-pull-right padding_tb_8px">
						<i class="iconfont mui-icon colorP font18" ng-repeat="(key,star) in vo.num">&#xe6e7;</i>
					</div>
                </div>
                <p class="color333 padding_tb_5px">{{vo.comment}}</p>
				<div class="show_img">
	                <img ng-repeat="x in imgs" ng-src="{{x}}" class="width30 padding-r5px pic"/>  
				</div> 
	        </li>
		</ul>
		<div class="mui-text-center line-height44px color999 font14 padding_tb20" ng-if="res.length == undefind"><i class="iconfont mui-icon font60">&#xe6e3;</i><br />还没有人评论过该商品~~~</div> 
	</div>
</body>
<script src="../js/mui.min.js"></script>
<script src="../js/open.js"></script>
<script src="../js/jquery.min.js"></script>
<script src="../js/angular.js"></script>
<script src="../js/apppublic.js"></script>
<script src="../js/upload_pic.js"></script>
<script src="../js/app/evaluate_list.js"></script>
<script type="text/javascript">
	$('.stars i').on('tap',function(){  
		var _this = $(this);
		var pingstar = _this.index()+1;
		console.log(pingstar)
		_this.siblings('input').val(pingstar);
		_this.addClass('light_star'); 
		_this.prevAll().addClass('light_star');
		_this.nextAll().removeClass('light_star');
	})
</script>
</html>
